<template>
  <div>
    <h3>Music</h3>
    <ul>
        <li v-for="item in list " :key="item">{{item}}</li>
    </ul>
  </div>
</template>

<script>
    export default {
        name : 'Music',
        props:["id"],
        computed:{
            list(){
                switch (this.id) {  
            case "1":
                 return ["华语1", "华语2", "华语3"];
             case "2":
                 return ["粤语1", "粤语2", "粤语3"];
             default:
                return [];

                }
            }
        }
    }
</script>

<style scoped>
</style>